<script setup="">

const props = defineProps({
  title: {
    type: String,
    default: '----'
  },
})
</script>

<template>
  <div class="w-full h-full rounded-[6px] bg-white px-2 flex-col overflow-hidden">
    <div class="w-full h-[50px] flex items-center p-2 pt-1" style="border-bottom: 2px solid #EDF0F8;">
      <div style="width: 4px;height: 16px;background: #0971FF;border-radius: 2px; margin-right: 10px"/>
      <div class="text-base font-bold text-black">{{props.title}}</div>
      <div class="absolute right-2">
        <slot name="header" />
      </div>
    </div>
    <div class="w-full h-[calc(100%-50px)] overflow-x-scroll">
      <slot/>
    </div>
  </div>
</template>

